<template>

  <div class="ExamGrid">
<h1>答题列表页</h1>
    <el-table
      :data="tableData"
      stripe
      style="width: 100%">
      <el-table-column
        prop="title"
        label="标题"
        width="180">
      </el-table-column>
      <el-table-column
        prop="grades"
        label="难度"
        width="180">
      </el-table-column>
      <el-table-column
        prop="explain"
        label="说明">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
  export default {
    name: "Document",
    data() {
      return {
        tableData: [{
          title: 'Java数据结构题',
          grades: '初级',
          explain: 'Java初级数据结构题'
        }, {
          title: 'Java数据结构题',
          grades: '中级',
          explain: 'Java初级数据结构题'
        }, {
          title: 'Java数据结构题',
          grades: '初级',
          explain: 'Java初级数据结构题'
        }, {
          title: 'Java数据结构题',
          grades: '高级',
          explain: 'Java初级数据结构题'
        }]
      }
    },
    methods: {
      to(){
        let type = this.$route.params.type;
        console.log(type);
      }
    }
  }
</script>

<style scoped lang="scss">
  .ExamGrid{

  }
</style>
